<template>
  <div class="common-container">
    <Carousel/>
    <KnowledgeBase/>
    <Projects/>
    <Sidebar/>
  </div>
</template>

<script setup>
import Navbar from './home/Navbar.vue';
import Carousel from './home/Carousel.vue';
import KnowledgeBase from './home/KnowledgeBase.vue';
import Projects from './home/Projects.vue';
import Sidebar from './home/Sidebar.vue';

</script>
<style>

.common-container {
  margin-top: 10px;
  color: white;
  text-decoration-color: #67c23a;
  overflow-y: auto; /* 启用垂直滚动条 */
  background-size: cover; /* 根据需要调整背景大小 */
  background-position: center; /* 根据需要调整背景位置 */
  background-attachment: fixed; /* 锁定背景图片 */
}

</style>
